import './style.css'
import {siderRender} from "../sider/render.js";
import {headerRender} from "../header/render.js";
import {mainRender} from "../main/render.js";
import {footerRender} from "../footer/render.js";

// 1. 先画大区域
export function audioPlayerRender() {
    return `
<div class="audio-player">
  <div class="row audio-player-row">
    <div class="col-auto sider-col-auto">
      ${siderRender()}
    </div>
    <div class="col main-col">
      ${headerRender()}
      ${mainRender()}
    </div>
  </div>
  ${footerRender()}
</div>`
}